<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>----Index----</title>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body style="background-image: url(images/sq.jpg); background-repeat: repeat; background-position: bottom;" onLoad="MM_preloadImages('images/l1-1.jpg')">
	<table width="100%"  style="height:100%" border="0" cellspacing="0" cellpadding="0" align="center">
	  <tr>
	  	<td width="50%" style="background-image: url(images/sq.jpg); background-repeat: repeat; background-position: right top;height:750px" valign="top"></td>
		<td width="766" style="height:750px" valign="top">
			<table width="766"  style="height:750px" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
				<tr>
					<td width="766" style="background-image: url(images/t.jpg); background-repeat: no-repeat; background-position:;height:161px" valign="top"></td>
				</tr>
				<tr>
					<td width="766" style="height:422px" valign="top">
						<table  width="766" style="height:422px" border="0" cellspacing="0" cellpadding="0">
						  <tr>
							<td width="40" style="background-image: url(images/l-dr.jpg); background-repeat: repeat-y; background-position: bottom;height:100%" valign="top"><div style="margin-left:px; margin-top:px;"><img alt=""  border="0"  src="images/l.jpg"></div></td>
							<td width="309" style="height:422px" valign="top">
								<table width="309" style="height:422px" border="0" cellspacing="0" cellpadding="0">
								  <tr>
									<td width="309" style="height:90px" valign="top"><div style="margin-left:px; margin-top:px;"><img alt=""  border="0"  src="images/bus.jpg"></div></td>
								  </tr>
								  <tr>
									<td width="309" style="height:78px" bgcolor="#B40000" valign="top"><div style="margin-left:29px; margin-top:24px;"><img alt=""  border="0"  src="images/opp.jpg"></div></td>
								  </tr>
								  <tr>
									<td width="309" style="height:254px" valign="top">
										<div style="margin-top:5px"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r1','','images/l1.jpg',1)"><img src="images/l1-1.jpg" alt="" name="r1" width="155" height="124" border="0"></a><a href="index-1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r2','','images/l2-2.jpg',1)"><img src="images/l2.jpg" alt="" name="r2" width="154" height="124" border="0"></a></div>
										<div style="margin-top:px"><a href="index-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r3','','images/l3-3.jpg',1)"><img src="images/l3.jpg" alt="" name="r3" width="155" height="125" border="0"></a><a href="index-3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4','','images/l4-4.jpg',1)"><img src="images/l4.jpg" alt="" name="r4" width="154" height="125" border="0"></a></div>
									</td>
								  </tr>
								</table>
							</td>
							<td width="6" style="height:422px" valign="top"></td>
							<td width="382" style="height:422px" valign="top">
								<table width="382" style="height:422px" border="0" cellspacing="0" cellpadding="0">
								  <tr>
									<td class="m_text" width="382" style="height:100%" bgcolor="#696969" valign="top">
										<div style="margin-left:29px; margin-top:28px; margin-right:20px; margin-bottom:20px"><div style="position:absolute;top:1px;left:1px;height:0px;width:0px;overflow:hidden"><h1><a href="http://www.webdesign.org">web design</a></h1><h1><a href="http://www.freetemplatesonline.com/">free templates</a></h1><h1><a href="http://www.websitetemplates.org/">web site templates</a></h1></div>
											<div style="margin-left:px; margin-top:px;"><img alt=""  border="0"  src="images/4-t1.jpg"></div>
											<div align="left" class="_text" style="margin-left:px; margin-top:15px; margin-right:px"><strong class="h_text">Ut tellus dolor,</strong> dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.<br> 	
Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscin. <br>
<br>
<strong class="h_text">Sed laoreet</strong> aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque.<br> 
<br>
<strong class="h_text">Vivamus eget nibh.</strong> Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit magna, endrerit sit.<br>
<br>
<strong class="h_text">Donec porta diam</strong> eu massa. Quisque diam lorem, interdum vitae, dapibus ac, scelerisque vitae, pede. Donec eget tellus non erat lacinia fermentum. Donec in velit vel ipsum auctor pulvinar. <br>
Vestibulum iaculis lacinia est. Proin dictum elementum velit.</div>
<div align="left" class="_text" style="margin-left:px; margin-top:16px; margin-right:px"><a href="#" class="l_text">privacy@companyname.com</a></div>
										</div>
									</td>
								  </tr>								  
								</table>
							</td>
							<td width="27" style="background-image: url(images/r-dr.jpg); background-repeat: repeat-y; background-position: bottom;height:100%" valign="top"><div style="margin-left:px; margin-top:px;"><img alt=""  border="0"  src="images/r.jpg"></div></td>
						  </tr>
						</table>
					</td>
				</tr>
				<tr>
					<td width="766" style="background-image: url(images/b.jpg); background-repeat: no-repeat; background-position:;height:167px" valign="top"><div align="left" class="c_text" style="margin-left:43px; margin-top:21px; margin-right:px">Copyright &copy; Companyname, 2006. <div class="vlinks"><a href="http://www.webdesign.org">Web design</a> by <a title="Free Templates Online" href="http://www.freetemplatesonline.com">Free Templates</a> Online</div>></div></td>
				</tr>
			</table>
		</td>
		<td width="50%" style="background-image: url(images/sq.jpg); background-repeat: repeat; background-position:0px 2px;height:750px" valign="top"></td>
	  </tr>
	</table>
</body>
</html>